html, body, h1, h2, h3, h4, h5, h6, hr, p, ul, ol, li, img, form, label, th, td {
    margin: 0;
    padding: 0;
    border: 0 none;
}

body {
    /*
    background: url("../images/bgs/apple/01.png") repeat scroll 0 0 #FFFFFF;
    */
    background: none repeat scroll 0 0 #FFFFFF;
    color: #333333;
    font-family: 'Helvetica Neue',helvetica,arial,sans-serif;
    font-size: 12px;
    font-style: normal;
    font-weight: normal;
    position: relative;
    min-height: 100%;
    line-height: 1.5;
}

.light-gray-bg {
	background-color: #F2F0F0;
}

.light-gray-bg .footer-panel {
	border-top: 1px solid #DDDDDD;
}

h1, h2, h3, h4, h5, h6 {
    color: #333333;
    font-weight: normal;
    margin: 0;
}

h1 {
    font-size: 24px;
    line-height: 32px;
    margin-bottom: 18px;
}

h2 {
    font-size: 20px;
    line-height: 28px;
    margin-bottom: 10px;
}

h3 {
    font-size: 16px;
    line-height: 16px;
    margin-bottom: 6px;
}

h4 {
    font-size: 14px;
    line-height: 14px;
    margin-bottom: 4px;
}

h5 {
    font-size: 12px;
    line-height: 16px;
    margin: 0;
}

h6 {
    font-size: 11px;
    line-height: 16px;
    margin: 0;
}

a {
    /*color: #5B97DE;*/
    color: #588CC7;
    cursor: pointer;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a.without-underline:hover {
    text-decoration: none;
}
a.white {
	color: #FFFFFF;
}
a.light {
	color: #777777;
}
a.gray {
    color: gray;
}
a.dark {
    color: #444444;
}
a.black {
    color: #333333;
}

img {
    border: 0 none;
    vertical-align: bottom;
}

ol, ul {
    list-style: none outside none;
}

li {
    list-style: none outside none;
    position: relative;
}

.horizontal > li {
	display: inline-block;
	vertical-align: top;
}

.vertical > li {
    display: block;
}

div {
	display: block;
}

.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}

.pfixed {
	position: fixed;
}

label, .label {
	font-size: inherit;
    cursor: pointer;
    display: block;
}
label.inline {
	display: inline-block;
	padding: 0;
	margin: 0;
}
label .required {
    color: #C1272D;
}

label .error {
    background: url("../images/common/follow.png") no-repeat scroll 0 -73px transparent;
    color: #922323;
    padding-left: 14px;
    line-height: 100%;
}

.fieldset:last-child {
	margin: 0;
	padding: 0;
	border: 0 none;
}
.fieldset {
    border-bottom: 1px solid #DDDDDD;
    margin-bottom: 12px;
    padding-bottom: 12px;
}


.fss {
    font-size: 10px;
}
.fsm {
    font-size: 11px;
}
.fsn {
    font-size: 12px;
}
.fsl {
    font-size: 13px;
}
.fsxl {
    font-size: 16px;
}
.fsxxl {
    font-size: 20px;
}
.fwn {
    font-weight: normal;
}
.fwb {
    font-weight: bold;
}
.fcb {
    color: #333333;
}
.fcl {
    color: #777777;
}
.fcxl {
    color: #999999;
}
.fsti {
	font-style: italic;
}

.lfloat {
    float: left;
}
.rfloat {
    float: right;
}
.pas {
    padding: 5px;
}
.pam {
    padding: 10px;
}
.pal {
    padding: 20px;
}
.pts {
    padding-top: 5px;
}
.ptm {
    padding-top: 10px;
}
.ptl {
    padding-top: 20px;
}
.prs {
    padding-right: 5px;
}
.prm {
    padding-right: 10px;
}
.prl {
    padding-right: 20px;
}
.pbs {
    padding-bottom: 5px;
}
.pbm {
    padding-bottom: 10px;
}
.pbl {
    padding-bottom: 20px;
}
.pls {
    padding-left: 5px;
}
.plm {
    padding-left: 10px;
}
.pll {
    padding-left: 20px;
}
.phs {
    padding-left: 5px;
    padding-right: 5px;
}
.phm {
    padding-left: 10px;
    padding-right: 10px;
}
.phl {
    padding-left: 20px;
    padding-right: 20px;
}
.pvs {
    padding-bottom: 5px;
    padding-top: 5px;
}
.pvm {
    padding-bottom: 10px;
    padding-top: 10px;
}
.pvl {
    padding-bottom: 20px;
    padding-top: 20px;
}
.mas {
    margin: 5px;
}
.mam {
    margin: 10px;
}
.mal {
    margin: 20px;
}
.mts {
    margin-top: 5px;
}
.mtm {
    margin-top: 10px;
}
.mtl {
    margin-top: 20px;
}
.mrs {
    margin-right: 5px;
}
.mrm {
    margin-right: 10px;
}
.mrl {
    margin-right: 20px;
}
.mbs {
    margin-bottom: 5px;
}
.mbm {
    margin-bottom: 10px;
}
.mbl {
    margin-bottom: 20px;
}
.mls {
    margin-left: 5px;
}
.mlm {
    margin-left: 10px;
}
.mll {
    margin-left: 20px;
}
.mhs {
    margin-left: 5px;
    margin-right: 5px;
}
.mhm {
    margin-left: 10px;
    margin-right: 10px;
}
.mhl {
    margin-left: 20px;
    margin-right: 20px;
}
.mvs {
    margin-bottom: 5px;
    margin-top: 5px;
}
.mvm {
    margin-bottom: 10px;
    margin-top: 10px;
}
.mvl {
    margin-bottom: 20px;
    margin-top: 20px;
}


/* ------------------------------ text selection ------------------------------ */

*::selection {
    background: none repeat scroll 0 0 #597FAA;
    color: #FFFFFF;
    text-shadow: none;
}

*::-moz-selection {
    background: none repeat scroll 0 0 #597FAA;
    color: #FFFFFF;
    text-shadow: none;
}

*::-webkit-selection {
    background: none repeat scroll 0 0 #597FAA;
    color: #FFFFFF;
    text-shadow: none;
}

/* ------------------------------ input ------------------------------ */

/*
input {
    line-height: normal !important;
}
*/

input, textarea {
    -moz-box-sizing: border-box;
   	-webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: 0;
    padding: 0;
}

input[type="text"], input[type="password"], textarea {
    -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
	transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -webkit-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
    -webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {
	/*
    border-color: rgba(100, 100, 90, 0.8);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) inset, 0 0 8px rgba(100, 100, 90, 0.6);
    */
    border-color: rgba(86, 180, 239, 0.8);
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6);
    outline: medium none;
    color: #333333;
    opacity: 1;
}

input[type="text"], input[type="password"] {
    background-color: white;
    border: 1px solid #CFCFCF;
    border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    padding: 9px 8px;
    font-size: 13px;
    width: 296px;
}

input[type="text"], input[type="password"], select {
    opacity: 0.88;
    color: #666666;
    font-size: inherit;
}

textarea {
    background-color: white;
    border: 1px solid #CFCFCF;
    border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
    padding: 8px 10px;
    color: #666666;
    opacity: 0.88;
    font-size: inherit;
    line-height: 20px;
    min-height: 80px;
    resize: vertical;
    font-family: 'Helvetica Neue',helvetica,arial,sans-serif;
}

input[type="checkbox"], input[type="radio"], input.checkbox, input.radio {
    margin: 0;
    padding: 0;
    border: medium none;
    cursor: pointer;
    height: auto;
    line-height: normal;
    width: auto;
}

input.error[type="text"]:focus, input.error[type="password"]:focus, textarea.error:focus {
    border-color: #C87872;
    box-shadow: 0 0 6px rgba(146, 35, 35, 0.5);
}

input.error {
	border-color: #C87872;
    box-shadow: 0 0 3px rgba(146, 35, 35, 0.25);
}

/* ------------------------------ header ------------------------------ */

.large-header {
    font-size: 20px;
    margin-bottom: 16px;
    padding-bottom: 12px;
}
.medium-header {
    font-size: 18px;
    margin-bottom: 8px;
    padding-bottom: 5px;
}
.small-header {
    font-size: 15px;
    margin-bottom: 6px;
    padding-bottom: 3px;
}
.style1-header {
    border-bottom: 1px solid #DDDDDD;
    display: block;
}

/* ------------------------------ column ------------------------------ */

/**
 *(double, triple, quadruple, quintuple, sextuple, septuple, octuple)
 */

.column {
    display: inline-block;
    min-height: 100%;
    overflow: visible;
    position: relative;
    vertical-align: middle;
}

textarea.column {
    line-height: 20px;
    min-height: 80px;
    padding-bottom: 8px;
    padding-top: 8px;
    resize: vertical;
}

.of-four {
    width: 25%;
}

.triple-column.of-four {
    width: 75%;
}

.of-five {
    width: 20%;
}

.double-column.of-five {
    width: 40%;
}

.triple-column.of-five {
    width: 60%;
}

.quadruple-column.of-five {
    width: 80%;
}

.of-eight {
    width: 12.5%;
}

.triple-column.of-eight {
    width: 37.5%;
}

.quintuple-column.of-eight {
    width: 62.5%;
}

.of-ten {
    width: 10%;
}

.triple-column.of-ten {
    width: 30%;
}

.septuple-column.of-ten {
    width: 70%;
}

/* ------------------------------ button ------------------------------ */

.btn {
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    cursor: pointer;
    line-height: normal;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.41);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.41);
    -webkit-transition: 0.1s linear all;
    -moz-transition: 0.1s linear all;
    transition: 0.1s linear all;
}
.btn:hover {
    background-position: 0 -15px;
    text-decoration: none;
}
.btn.silver:active {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.btn:active {
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.1) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    -webkit-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 3px 7px rgba(0, 0, 0, 0.1), 0 1px 2px rgba(0, 0, 0, 0.05);
}

button.btn::-moz-focus-inner, input.btn[type="submit"]::-moz-focus-inner, input.btn[type="button"]::-moz-focus-inner {
    border: 0 none;
    padding: 0;
}

/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .btn {
        margin: 0;
    }
}
*/

.btn.small {
    font-size: 12px;
    padding: 4px 9px;
}
.btn.medium {
    font-size: 14px;
    padding: 5px 12px;
}
.btn.large {
    font-size: 16px;
    padding: 6px 16px;
}
.btn.huge {
    font-size: 20px;
    padding: 8px 20px;
}

.btn.style1 {
    background-color: #597FAA;
    background-image: -moz-linear-gradient(center top , #74A5DE, #597FAA);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#74A5DE), to(#597FAA));
	background-image: -o-linear-gradient(top, #74A5DE, #597FAA);
	/*
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#74A5DE, 
                endColorstr=#597FAA, 
               	GradientType=0);
    */
    background-repeat: repeat-x;
	border-color: rgba(116,165,222, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #FFFFFF;
    /*text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);*/
}
.btn.style2 {
    background-color: #81B742;
    background-image: -moz-linear-gradient(center top , #9FD164, #81B742);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#9FD164), to(#81B742));
	background-image: -o-linear-gradient(top, #9FD164, #81B742);
	/*
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#9FD164, 
                endColorstr=#81B742, 
               	GradientType=0);
    */
    background-repeat: repeat-x;
	border-color: rgba(159,209,100, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #FFFFFF;
    /*text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);*/
}
.btn.style3 {
    background-color: #999999;
    background-image: -moz-linear-gradient(center top , #B3B3B3, #999999);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#B3B3B3), to(#999999));
	background-image: -o-linear-gradient(top, #B3B3B3, #999999);
	/*
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#B3B3B3, 
                endColorstr=#999999, 
               	GradientType=0);
    */
    background-repeat: repeat-x;
	border-color: rgba(179,179,179, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #FFFFFF;
    /*text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);*/
}

.btn.style4 {
    background-color: #F1A833;
    background-image: -moz-linear-gradient(center top , #F1D80A, #F1A833);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#F1D80A), to(#F1A833));
	background-image: -o-linear-gradient(top, #F1D80A, #F1A833);
	/*
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#F1D80A, 
                endColorstr=#F1A833, 
               	GradientType=0);
    */
    background-repeat: repeat-x;
	border-color: rgba(241, 216, 0, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #333333;
    /*text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);*/
}

.btn.style5 {
    background-color: #41413A;
    background-image: -moz-linear-gradient(center top , #717168, #41413A);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#717168), to(#41413A));
	background-image: -o-linear-gradient(top, #717168, #41413A);
	/*
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#717168, 
                endColorstr=#41413A, 
               	GradientType=0);
    */
    background-repeat: repeat-x;
	border-color: rgba(113, 113, 104, 0.6) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
	color: #FFFFFF;
    /*text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);*/
}

.btn.silver {
    background-color: #EFEFEF;
    background-image: -moz-linear-gradient(center top , #FFFFFF, #EFEFEF);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EFEFEF));
	background-image: -o-linear-gradient(top, #FFFFFF, #EFEFEF);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
	/*
	filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',
                startColorstr=#FFFFFF, 
                endColorstr=#DDDDDD, 
               	GradientType=0);
    */
    background-repeat: repeat-x;
	border-color: rgba(204, 204, 204, 0.9) rgba(0, 0, 0, 0.2) rgba(0, 0, 0, 0.25);
	color: #333333;
    /*text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.3);*/
}

a.button, a.button:hover {
	text-decoration: none;
}

/* ------------------------------ messages ------------------------------ */

.msg-success {
	background: #F4FDEF url("../images/messages/success.png") no-repeat 6px 50%;
	border: 1px solid #ACDFA7;
	color: #384F34;
	display: block;
	font-size: 13px;
	margin: 2px auto 12px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}
.msg-error {
	background: #FDD url("../images/messages/error.png") no-repeat 6px 50%;
	border: 1px solid #F00;
	display: block;
	font-size: 13px;
	margin: 0 auto 12px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}
.msg-info {
	background: #DFF4FF url("../images/messages/info.png") no-repeat 6px 50%;
	border: 1px solid #A7CEDF;
	color: #34404F;
	display: block;
	font-size: 13px;
	margin: 0 auto 12px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}
.msg-alert {
	background: #FFC url("../images/messages/alert.png") no-repeat 6px 50%;
	border: 1px solid #FC0;
	display: block;
	font-size: 13px;
	margin: 0 auto 12px;
	padding: 6px 6px 6px 30px;
	text-align: left;
}


/* ------------------------------ ui list ------------------------------ */

.ui-block {
    display: block;
}
.ui-inline-block {
    display: inline-block;
}
.ui-inline-block-bottom {
    vertical-align: bottom;
}
.ui-inline-block-middle {
    vertical-align: middle;
}
.ui-inline-block-top {
    vertical-align: top;
}
.ui-overflow-hidden {
    overflow: hidden;
}

.ui-relative {
	position: relative;
}
.ui-absolute {
	position: absolute;
}
.ui-line-height-one {
	line-height: 1;
}

/* ------------------------------ arrow ------------------------------ */

.arrow {
    height: 0;
    width: 0;
    line-height: 0;
    position: relative;
    display: inline-block;
    left: 0;
    top: 0;
    margin-bottom: 1px;
}

.arrow-up {
	border-left-style: solid;
	border-left-color: transparent;
	border-right-style: solid;
	border-right-color: transparent;
	border-bottom-style: dashed;
}
.arrow-up-small {
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-width: 3px;
}
.arrow-up-medium {
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-right-width: 5px;
}
.arrow-up-light {
	border-bottom-color: #F8F8F8;
}
.arrow-up-dark {
	border-bottom-color: #333333;
}

.arrow-down {
	border-left-style: solid;
	border-left-color: transparent;
	border-right-style: solid;
	border-right-color: transparent;
	border-top-style: dashed;
}
.arrow-down-small {
	border-top-width: 3px;
	border-left-width: 3px;
	border-right-width: 3px;
}
.arrow-down-medium {
	border-top-width: 5px;
	border-left-width: 5px;
	border-right-width: 5px;
}
.arrow-down-light {
	border-top-color: #F8F8F8;
}
.arrow-down-gray {
	border-top-color: gray;
}
.arrow-down-dark {
	border-top-color: #333333;
}
.arrow-down-lightblue {
	border-top-color: #588CC7;
}


.arrow-n {
    border-bottom: 20px dashed #A8A8A8;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    display: inline-block;
    height: 0;
    width: 0;
}


.ul {
    border-bottom: 1px solid #DDDDDD;
    clear: both;
    line-height: 100%;
}


.noscroll {
    overflow: hidden !important;
}
